<!-- 发现 项目 组件 -->

<template> 
  <div class="tab-item">
      <div class="tab-item-left">
          <!-- <P style="margin-bottom:0px">{{v.title}}</p> -->
          <div class="shortContent">{{data.title}}</div>
          <!-- <div class="shortContent">{{v.shortContent}}</div> -->
          <p><span style="color:#cc9f68;background:#F7F2F0;padding:5px;border-radius:5px;">周边生活</span><span style="float:right;">{{formatTime(data.createTimeInt)}}</span></p>
      </div>
      <div class="tab-item-right">
          <img v-lazy="$store.state.appData.imgUrl+data.pic" >
      </div>
  </div>
</template>

<script>
  import utils from '@/utils/utils'
  export default {
    components: {
    },
    data() {
      return {
      }
    },
    props: {
      data: {
        type: Object
      }
    },
    watch: {},
    methods: {
      formatTime(time){
        try{
            return utils.time.formatDatetwo(time)
            }catch(e){
            '逻辑错误，期货拼单历史返回问题'
        }
      }
    },
    filters: {},
    computed: {},
    created() { },
    mounted() { }
  }

</script>

<style lang="scss" scoped>
   /*热门资讯*/
  
    .tab-item{
        width:100%;
        background:#fff;
        overflow:hidden;
        padding:12px 12px 12px 12px;
        .tab-item-left{
            float:left;
            width:58%;
            height:90px;
            .shortContent{
                width:100%;
                margin-bottom: 10px;
                height:40px;
                font-size:0.6rem;
                word-break: break-all;
                overflow: hidden;
                text-overflow: ellipsis;
                //white-space: nowrap;    
            }
            p{
                font-size:12px;
            }
        }
        .tab-item-right{
            float:right;
            width:42%;
              height:90px; 
            text-align:right;
            img{
                height:100%;
            }
        }
    }
 
</style>